﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="<%=getServletContext().getContextPath()%>" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MCE|Login</title>
    <link rel="stylesheet" href="${contextPath }/resources/css/mce.css"></link>
    <link rel="stylesheet" href="${contextPath }/resources/css/size.css" ></link>
    <link rel="stylesheet" href="${contextPath }/resources/css/jquery-ui.css" ></link>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic' rel='stylesheet' type='text/css' ></link>
    <script type="text/javascript" src="${contextPath }/resources/js/jquery/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/validation/validation.js"></script>    
    <script type="text/javascript" src="${contextPath }/resources/js/client/ForgotUsernamePassword.js"></script>
</head>    
<body>
    <div class="mceContainer">
        <!--HOME BANNER CONTAINER-->
        <div class="afterHeaderContainer">
            <!--NAVIGATION MENU-->
            <div class="navigationContainer">
                <table class="menuItemContainer">
                    <tr>
                        <!--MCE WEBSITE LINK-->
                        <td class="wd_90">
                            <a class="mceinc" target="_blank" href="http://www.mceinc.com">
                                <img src="resources/images/element.png" />
                            </a>
                        </td>
                        <!--/MCE WEBSITE LINK-->
                       <!--CONTACT LINK-->
						<td class="wd_90 menuLink"><a href="${contextPath }/contact">Contact</a></td>
						<!--/CONTACT LINK-->
                        <!--MCE WEBSITE LINK-->
                        <td class="logo">
                            <a target="_blank" href="http://www.mceinc.com">
                                <img src="resources/images/MCE-Mainsite-Icon.png" />
                            </a>
                        </td>
                        <!--/MCE WEBSITE LINK-->
                    </tr>
                </table>
            </div>
            <!--/NAVIGATION MENU-->
        </div>
        <!--/HOME BANNER CONTAINER-->
        <!--MAIN CONTAINER-->
        <div class="mainContainer">
            <table class="wrapContainer">
                <tr>
                    <td class="left">
                        <!--LEFT CONTAINER-->
                        <div class="wrapDataContainer borderRight">
                            <p class="subject" style="width:180px;">Forgot Username / Password</p>
                            <p>
                                Please follow instructions to recover your username / password.
                            </p>
                            <br />
                            <p>
                                Are you a new user and haven't registered yet?
                            </p>
                            <c:url value="/create-new-account" var="create_new_account"/>
 							<a href="<c:out value='${create_new_account}'/>" class="mceLinkAction">Create New Acccount</a>
                        </div>
                        <!--/LEFT CONTAINER-->
                    </td>
                    <td>
                        <!--BODY CONTAINER-->
                        <div class="wrapDataContainer">
                                <div class="wrap-item-container">
                                    <div id="accordionUsernameAndPassword">
                                        <h3>Forgot Username</h3>
                                        <div>
                                        	<form action="process-result/forgot-username" method="post">
                                        		<!--MESSAGE-->
	                                            <div class="wrap-item-container bold-and-italic wd_400">
	                                                <p>If you forgot your username, click on the Forgot Username below:</p>
	                                            </div>
	                                            <!--/MESSAGE-->
	                                            <div class="wrap-item-container wd_400">
	                                                <div class="html-control-container">
	                                                    <div class="label-wrap">Customer Number<span class="required">*</span></div>
	                                                    <div class="field-wrap">
	                                                        <input id="username" type="text" class="mce wd_230" maxlength="16" value="" />
	                                                        <span id="error_username" class="span-ico"></span>
	                                                    </div>
	                                                </div>
	                                            </div>
	                                            <div class="wrap-item-container wd_400">
	                                                <div class="buttonContainer">
	                                                    <input type="submit" style="float:none;" class="mce back" value="BACK" name="actionName" />
	                                                    <input type="submit" style="float:none;" class="mce" value="Forgot Username" name="actionName" />
	                                                </div>
	                                            </div>
                                        	</form>                                            
                                        </div>
                                        <h3>Forgot Password</h3>
                                        <div>
                                       		<form action="process-result/forgot-password" method="post">
	                                            <!--MESSAGE-->
	                                            <div class="wrap-item-container bold-and-italic wd_400">
	                                                <p>If you forgot your password, click on the Forgot Password below:</p>                                                
	                                            </div>
	                                            <!--/MESSAGE-->
	                                            <div class="wrap-item-container wd_400">
	                                                <div class="html-control-container" style="height:30px;">
	                                                    <div class="label-wrap">Username<span class="required">*</span></div>
	                                                    <div class="field-wrap">
	                                                        <input id="txtUsername" type="text" class="mce wd_230" value="" />
	                                                        <span id="Span1" class="span-ico"></span>
	                                                    </div>
	                                                </div>
	                                            </div>
	                                            <div class="wrap-item-container wd_400">
	                                                <div class="buttonContainer">
	                                                    <input type="submit" style="float:none;" class="mce back" name="actionName" value="BACK" />
	                                                    <input type="submit" style="float:none;" class="mce" name="actionName" value="Forgot Password" />
	                                                </div>
	                                            </div>
	                                        </form>
                                        </div>
                                    </div>
                                    <script type="text/javascript">
                                        $(function () {
                                            $("#accordion").accordion();
                                        });
                                    </script>
                                </div>
                        </div>
                        <!--/BODY CONTAINER-->
                    </td>
                    <td class="right">
                        <%@include file="right-include/right.jsp" %>
                    </td>
                </tr>
            </table>
        </div>
        <!--/MAIN CONTAINER-->
        <!--FOOTER CONTAINER-->
        <div class="footerContainer">
            <img src="${contextPath }/resources/images/Nidec.jpg" />
            <img src="${contextPath }/resources/images/MCE.jpg" />
            <div class="clearBoth" />
            <p class="copyRight">Copyright 2014 Motion Control Engineering. All Rights Reserved</p>
        </div>
        <!--/FOOTER CONTAINER-->
    </div>

</body>
</html>
